extends layout

block body
  script(src='js/main.js')
  script(src=page.metadata.js)
  script
    | method = #{ page.metadata.method };

  #main
    h1
      = page.title
    .input
      if page.metadata.file_input
        #droppable-zone
          #droppable-zone-wrapper
            #droppable-zone-text
              | Drop File Here
          input#input.droppable-file(type='file', placeholder='Input2')
      else
        textarea#input(placeholder='Input')
    if page.metadata.bits
      .option-block
        label(for='bits') Output Bits:
        input#bits(type='number', value=page.metadata.bits, step=8, min=8, data-option=true)
    .submit
      input#execute.btn.btn-default(type='button', value=page.metadata.action)
      if page.metadata.auto_update
        label
          input#auto-update(type='checkbox', value='1', checked='checked')
          | Auto Update
    .output
      textarea#output(placeholder='Output')
  #sidebar
    include includes/hash.jade
    include includes/checksum.jade
    include includes/encoder.jade
